<template>
    <el-dialog
        title="模版详情"
        :visible.sync="dialogVisible"
        width="1200px"
        >
        <div v-loading="loading">
            <tinymce-editor :toolbar="false" disabled v-model="contractContent"></tinymce-editor>
        </div>
    </el-dialog>
</template>

<script>
import TinymceEditor from "@/components/TinymceEditor/index.vue";
import {getContractContent} from "@/api/contractTemplate/templateUpdate"
export default {
    components: {TinymceEditor},
    props: {

    },
    data() {
        return {
            dialogVisible :false,
            loading:false,
            contractContent:'',
        }
    },
    computed: {},
    methods: {
        show(id){
            this.contractContent=''
            this.dialogVisible = true
            this.loading = true
            getContractContent(id).then(res=>{
                this.contractContent = res.data;
            }).finally(()=>{
                this.loading = false
            })

        },
        close(){
            this.dialogVisible = false
        }
    },
    mounted() {
    },

}
</script>

<style lang="scss" scoped>
</style>
